/*
 * @Author: Wxx
 * @Date: 2022-02-28 16:11:56
 * @LastEditors: Wxx
 * @LastEditTime: 2022-02-28 16:17:19
 * @Description:
 */
import React, { Component } from "react";
import styled from "styled-components";

export default class APP extends Component {
  render() {
    const StyleInput = styled.input`
      outline: none;
      border-radius: 10px;
      border-bottom: 1px solid #eee;
    `;
    const StyleDiv = styled.div`
      margin-top: 24px;
      background: ${(props) => props.bg || "yellow"};
      width: 100px;
      height: 100px;
    `;
    return (
      <div>
        <StyleInput placeholder="输入"></StyleInput>
        <StyleDiv bg="red"></StyleDiv>
      </div>
    );
  }
}
